export const structures = [
  { id: 1, name: 'horizontal', value: 'horizontal' },
  { id: 2, name: 'vertical', value: 'vertical' },
  { id: 3, name: 'coordinate', value: 'coordinate' },
]

export const baseds = [
  { id: 1, name: 'width', value: 'width' },
  { id: 2, name: 'height', value: 'height' },
]

export const aligns = {
  'vertical': [
    { id: 1, name: 'left', value: 'left' },
    { id: 2, name: 'center', value: 'center' },
    { id: 3, name: 'right', value: 'right' },
  ],
  'horizontal': [
    { id: 4, name: 'top', value: 'top' },
    { id: 5, name: 'middle', value: 'middle' },
    { id: 6, name: 'bottom', value: 'bottom' },
  ],
  'coordinate': []
}

export const initialComponent = {
  graphicId: undefined,
  based: 'width',
  size: 0,
  marginLeft: 0,
  marginRight: 0,
  marginTop: 0,
  marginBottom: 0,
  left: 0,
  top: 0,
}
